<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style>
*{margin:0;padding:0;}
html,body,#app,.mainContainer{
    width:100%;
    height:100%;
    overflow: hidden;
}
body{
    font-family:"Helvetica Neue",Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
}

.header {
	background: #409EFF;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 70px;
    font-size: 22px;
    line-height: 70px;
    color: #fff;
}
.left-menu{
	position: absolute;
	left: 0px;
	top:70px;
	bottom: 0; 
	display: block;
	
	width: 200px;
	user-select:none;
}

.el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 180px;
    height: 100%;
    overflow: hidden;
 }

 .content{
  display: block;
  position: absolute;
  right: 0px;
  left:200px;
  bottom: 0;
  top: 120px;
  background: #ffffff;
  width: auto;
  box-sizing: border-box;
  height: 100%;
  overflow-y: auto;
 }
 .content-tabs{
  height: 50px;
  width: 100%;
  position: absolute;
  top: 70px; 
  left: 180px;
  right: 10px;
 }
  .el-tabs #tab-1 .el-icon-close{
    display: none;
  }




</style>
